<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
        	
        	.studentUnit-selected {
        		border:4px solid black;
        	}
        	.studentUnit-hasScore {
        		background: #009999;
        	}
        	
        	.questionUnit-selected {
        		border:4px solid black;
        	}
        	.questionStatus-right {
        		background:#32CD32;
        	}
        	.questionStatus-someRight {
        		background:#98F898;
        	}
        	.questionStatus-wrong {
        		background:#FF6347;
        	}
        	.questionStatus-unknow {
        		
        	}
        	.questionStatus-know {
        		background:#EEE8AA;
        	}
        </style>
        <script src="js/jquery.min.js"></script>
		<script src="js/question.js"></script>
		<script src="js/answer.js"></script>
        <script src="js/PaperCorrecting.js"></script>
		
    </head>

    <body style='max-width:1200px;min-width:1000px; margin:0 auto;'>
        
        <div id='paperOptionArea' style='width:100%; min-width:999px; display:;'>
        	<!-- 数据源的选择 -->
        	<div id='dataSourceSelectArea' style='background:#C0A16B; margin-top:10px; padding:5px 5px;'>
        		<strong><span >学生数据源</span></strong>
        		<input type='file' accept='text/plain' multiple="multiple" onchange='StudentDataModule.loadData(event)' />
        		<strong style='margin-left:20px;'><span >题目数据源</span></strong>
        		<input type='file' accept='text/plain' onchange='PaperDataModule.loadData(event)' />
				<strong style='margin-left:20px;'><span >参考答案数据源</span></strong>
        		<input type='file' accept='text/plain' onchange='PaperAnswerModule.loadData(event)' />
        	</div>
        	<!-- 功能操作区 -->
        	<div style='background:#C0A16B; margin-top:1px; padding:10px 10px;'>
        		<!--<input type='button' style='height:30px; width:60px; margin-left:5px; margin-top:3px;' value='1'  />-->
        		<input onclick='PaperResult.showFinalResult()' type='button' value='成绩汇总表' style='margin-left:20px;' /> 
        	</div>
        	<!-- 学生选择区 -->
        	<div id='studentSelectArea' style='background:#C0A16B; margin-top:1px; padding:10px 10px;'>
        		<!--<input type='button' style='height:30px; width:60px; margin-left:5px; margin-top:3px;' value='1'  />-->
        		
        	</div>
        	<!-- 学生信息统揽 -->
        	<div style='width:100%; height:30px; background:#C0A16B; margin-top:2px;'>
        		<span >学生姓名：</span>
        		<span id='studentName' style='font-weight:bold;'></span>
        		<span style='margin-left:20px; '>当前分数：</span>
        		<span id='studentScore' style='color:red; font-size:20px; font-weight:bolder;'></span>
        		<span style='margin-left:20px; '>未做答数：</span>
        		<span id='noAnswerQuestionNumber' style='color:#800000;'></span>
        		<span style='margin-left:20px; '>未改题数：</span>
        		<span id='noScoreQuestionNumber' style='color:black;'></span>
        		
        	</div>
        	<!-- 内容栏 -->
        	<div style='  background:#C0A16B; margin-top:2px;'>
        		<table style='width:100%;'>
        			<tr >
        				<td style='width:70%;'>
        					<div style='padding:5px 5px;'>
        						<div > 
        							<span>题目</span>
        							<span id='questionNumberArea' style='font-weight:bolder;'></span>
        							<span style='margin-left:20px;'>分值</span>
        							<span id='questionScoreArea' style='font-weight:bolder;'></span>
        							
        						</div>
				        		<div style=' text-align: center;'> 
				        			<textarea id='questionInfoArea' readonly='true' style='resize:none;width:98%;height:90px;'></textarea>
				        		</div>
				        		<div > 
				        			<span>参考答案</span>
				        		</div>
				        		<div style=' text-align: center;'> 
				        			<textarea id='questionAnswerArea' readonly='true' style='resize:none;width:98%;height:80px;'></textarea>
				        		</div>
				        		<div > 
				        			<span>学生答案</span>
				        		</div>
				        		<div style=' text-align: center;'> 
				        			<textarea id='studentAnswerArea' readonly='true' style='resize:none;width:98%;height:80px;'></textarea>
				        		</div>
        					</div>
        				</td>
        				<td style='max-width:320px;  text-align:center;'>
        					<div style='padding:5px 5px; border-left:1px solid;'>
        						
				        		<div >
				        			<input onclick='QuestionSelectModule.loadLastQuestion()' type='button' style='width:100px; height:60px; ' value='上一题'  />
				        			<input id='scoreEditArea' type='text' style='text-align:center; width:57px; height:53px; font-size:30px; vertical-align: top; '  />
				        			<input id='showNextQuestionInfoBtn' onclick='QuestionSelectModule.loadNextQuestion()' type='button' style='width:100px; height:60px;' value='下一题'  />
				        		</div>
				        		<div >
				        			<input onclick='QuestionSelectModule.setQuestionResult()' type='button' style='width:275px; height:40px; margin-top:3px;' value='确定'  />
				        		</div>
				        		<div style=''> 
				        			<textarea  placeholder='评语' style='resize:none;width:280px;height:180px; margin-top:3px;'></textarea>
				        		</div>
        					</div>
        				</td>
        			</tr>
        		</table>
        		
        	</div>
        	<!-- 题目选择区 -->
        	<div id='questionSelectArea' style='background:#C0A16B; margin-top:2px; padding:10px 10px;'>
        		<!--<input type='button' style='height:39px; width:39px; margin-left:5px; ' value='1'  />-->
        		
        	</div>
        </div>
        <div id="paperResultOutputArea" style=' display:none;'>
        	<div style="max-width:600px; min-width:400px; margin: 0 auto; margin-bottom:5px; margin-top:10px;">
        		<input onclick='PaperResult.cancelShowFinalResult()' type='button' value='返回' style='margin-left:20px;' />
        	</div>
        	<div style="max-width:600px; min-width:400px; margin: 0 auto;">
        		<table id="studentScoreTable" style="width:100%; " border="1">
        			<tr ><td >学生姓名</td><td >成绩</td></tr>
        		</table>
        	</div>
        	<div style="max-width:600px; min-width:400px; margin: 0 auto; margin-top:50px; margin-bottom:100px;">
        		<textarea id='finalResultScoreJsonArea'  style='width:99%; resize:none; height:200px;'></textarea>
        	</div>
        </div>
    </body>
    
    
</html>